/****** General Styles ******/
* {}
body {font-size: 75%;font-family: Tahoma, Arial, Helvetica, Sans-Serif;color: black;line-height: 150%;background: white;margin: 0px;padding: 0px;min-width: 960px;}
/* text */
h3.title {margin: 0 0 10px 0;font-size: 130%;clear: both;}
h4.sub-title {margin: 0 0 10px 0;font-size: 100%;clear: both;}
p {margin: 0 0 10px 0;}
td,th {font-size: 100%;line-height: 150%;}
ul {margin: 0px;padding: 0px;list-style: square;}
li {margin: 0px 0px 5px 0px;padding: 0px;margin-left: 2em;list-style: outside;}
/* inputs */
form {display: inline;margin: 0;padding: 0;}
label {cursor: pointer;}
input,select,textarea {vertical-align: middle;font-family: Tahoma, Arial, Helvetica, Sans-Serif;font-size: 100%;line-height: 100%;margin: 1px;}
input.text,textarea {background: white url('images/input-text.png') repeat-x scroll left top;border: 1px #CECABC solid;padding: 4px 6px !important;padding: 5px 6px 3px;}
select {background: white url('images/input-text.png') repeat-x scroll left top;border: 1px #CECABC solid;padding: 3px 6px;margin-top: 1px !important;margin-top: 4px;}
input.button {background: #EEEDE9 url('images/input-button.png') repeat-x scroll left top;border: 1px #CECABC solid;color: #666;padding: 3px 12px !important;padding: 4px 5px;}
/* others */
img {border: none;vertical-align: middle;}
hr {height: 1px;border: 0;border-top: 1px #f0f0f0 solid;clear: both;margin-bottom: 20px;}
/****** Layout Styles ******/
.wrapper {margin: 0 auto;padding:0;}
a {color: #669900;}
.header,.menu,.footer,.header a,.footer a {color: #666;}
.menu a {color: black;}
.header a,.footer a,.menu a {text-decoration: none;}
.header a:hover,.footer a:hover,.menu a:hover {text-decoration: underline;}
.tips {color: #999;}
.notes {color: #317CCB;background: #FFEFDF;padding: 3px 8px;}
.warning {display: block;border: 1px #CB5931 solid;background: #F8E7E0 url('images/warning.png') no-repeat scroll 5px 5px;padding: 3px 8px 3px 25px;color: #CB5931;}
/****** Header Styles ******/
.header-wrapper {margin: 0 auto;padding: 1px;border: 1px solid #C7C4BD;}
.header {background: transparent url('images/header-block.png') repeat-x scroll left top;width: 100%;overflow: hidden;height: 48px;}
.header .title {float: left;display: inline;margin: 5px 0 0 7px;}
.header .title .logo {margin-right: 12px;cursor:pointer;}
.header .links {float: right;display: inline;margin-top: 11px;margin-right: 10px;}
.header .links a {float: left;display: inline;margin-top: 6px;margin-right: 12px;}
/* hanner */
.banner-wrapper {margin: 0 auto;padding: 1px;border: 1px solid #C7C4BD;border-top: none;position: relative;}
.banner {width: 100%;overflow: hidden;background: #F0F0F0;}
.banner .menu {float: left;display: inline;margin-left: 4px;padding: 2px 0;}
.banner .menu a {float: left;display: inline;margin-right: 4px;height: 30px;overflow: hidden;}
.banner .menu a span {display: block;padding: 6px 18px;}
.banner .menu a.current:hover {text-decoration: none;}
.banner .menu a.current {background: transparent url('images/btn-left.png') no-repeat scroll left top;}
.banner .menu a.current span {font-weight: bold;background: transparent url('images/btn-right.png') no-repeat scroll right top;}
/* shadow */
.shadowStrip {height: 4px;padding-bottom: 10px;font-size: 1%;line-height: 1%;background: transparent url('images/shadow.png') repeat-x scroll left top;}
/****** Passport Styles ******/
.passport {position: relative;float: left;}
.passport span {padding: 5px 0;line-height: 18px;display: block;color: white;}
.passport a:hover {text-decoration: none;}
/* username */
.passport a.username {font-weight:bold; float: left;display: inline;margin: 0;padding-right: 3px;background: transparent url('images/username-right.png') no-repeat scroll right center;}
.passport a.username:hover {background: transparent url('images/username-right-hover.png') no-repeat scroll right center;}
.passport a.username span {background: #999 url('images/passport-left.png') no-repeat scroll left center;padding-left: 28px;padding-right: 4px;}
.passport a.username:hover span {background: #317ccb url('images/passport-left-hover.png') no-repeat scroll left center;}
.passport a.username span b{ padding: 0 2px; color:#FFF;}
.passport a.username:hover span b{ padding: 0 2px; color:#FFFFFF;}
/* logout */
.passport a.logout {float: left;display: inline;margin: 0;background: white url('images/logout-left.png') no-repeat scroll left center;}
.passport a.logout:hover {background: white url('images/logout-left-hover.png') no-repeat scroll left center;}
.passport a.logout span {background: #999 url('images/passport-right.png') no-repeat scroll right center;padding-left: 6px;padding-right: 10px;margin-left: 12px;}
.passport a.logout:hover span {background: #317ccb url('images/passport-right-hover.png') no-repeat scroll right center;}
/* login */
.passport a.login {float: left;display: inline;margin: 0;background: #999 url('images/passport-left.png') no-repeat scroll left center;}
.passport a.login:hover {background-image: url('images/passport-left-hover.png');}
.passport a.login span {background: transparent url('images/passport-right.png') no-repeat scroll right center;padding-left: 30px;padding-right: 10px;}
.passport a.login:hover span {background: transparent url('images/passport-right-hover.png') no-repeat scroll right center;}
/* up layer */
.passport a.up-layer {position: absolute;left: 0;top: 0;margin: 0;padding-right: 12px;}

